<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>

<body onload = getD1()>
  <div id="page1">
    <a href="地区薪资中位数.html">
        <div>
        <iframe  frameborder="no" scrolling="0" id="tu1"  width="350px" height="370px" style="padding-left: 15px;" src="地区薪资中位数.html"></iframe></div>
 </a>  </div>
   <div id="page2">
    <a href="岗位相关词(词云图）.html">
        <iframe  frameborder="no" scrolling="0" width="350px" height="370px" src="岗位相关词(词云图）.html" style="padding-top: 5px;"></iframe>
      </a>
   </div>
   <div id="page31"><a href="职位——年薪.html">
        <iframe  frameborder="no" scrolling="0" width="350px" height="370px" style="padding-top:10px;padding-left: 15px;"
        src="职位——年薪.html"></iframe></a>
      </div>
   <div id="page3">
        <a href="地区.html">
        <iframe  frameborder="no" scrolling="0" width="350px" height="370px" style="padding-top:10px;padding-left: 15px;"
        src="地区.html"></iframe>
      </a>
   </div>
      <div id="dabiaoti" >
     <h1 >liepin求职信息查询</h1>
     <h2 style="text-align: center;">实时更新关键词查询系统</h2>
    <h2 style="text-align: center;">  您所登入的时间为：<div id="datetime"></div></h2>
       <a  target="_blank" href="https://oss.sheetjs.com/"><button id="bu1" >查看爬取的excel文件</button></a>
       <a  target="_blank" href="https://www.liepin.com/zhaopin/?inputFrom=head_navigation&scene=init&workYearCode=0&ckId=vvf7h3a1047sqj5qx3k91rfpvxwmev4b"><button id="bu2">前往liepin官网查询</button></a>
     </div>  
 
   
    <div id="page4">
      <a href="公司数量——职位.html">
        <iframe  frameborder="no" scrolling="0" width="480px" height="480px" src="公司数量——职位.html"></iframe>
      </a>
   </div>
     <div id="page5">
          <a href="平均年薪——行业.html">
        <iframe  frameborder="no" scrolling="0" width="480px" height="480px" src="平均年薪——行业.html"></iframe>
      </a>
   </div>
    <div id="page6">
      <a href="职位标签.html">
        <iframe  frameborder="no" scrolling="0" width="350px" height="370px" src="职位标签.html" style="padding-top: 15px;"></iframe>
      </a>
   </div>
   <div>
         <div id="page7">
      <a href="radar.html">
        <iframe  frameborder="no" scrolling="0" width="350px" height="370px" src="radar.html" style="padding-top: 15px;"></iframe>
      </a>
   </div>
   </div>
</body>

</html>
<style type="text/css">
  #bu1{
    width: 180px;
    height: 60px;
    position: absolute;
    left: -50px;
    background-color:dodgerblue;
    border: 1px white;
    color:white;
    font-size: 16px;    
    border-radius: 30px;
  }
  #bu2{
    width: 180px;
    height: 60px;
    position: absolute;
    left: 160px;
    background-color:dodgerblue;
    border: 1px white;
    color:white;
    font-size: 16px;    
    border-radius: 30px;
  }
  button:hover{
            box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
            }
  #page1{
    margin-left:1%;
  }
  #page2{
  margin-right: 1%;
  position: absolute;
  right: 2px;
  top: 8px;
  }
  #page3{
    margin-left:1%;
  }
  #page31{
    margin-left:1%;
  }
  #page4{
  position: absolute;
  left: 33%;
  top:815px;
  }
  #page5{
  position: absolute;
  left: 33%;
  top: 310px;
  }
  #page6{
  margin-right: 1%;
  position: absolute;
  right: 2px;
  top: 410px;
  }
  #page7{
  margin-right: 1%;
  position: absolute;
  right: 2px;
  top: 823px;
  }
  #dabiaoti{
  position: absolute;
  right: 40%;
  top: 0px;
  }
  h2{
    top: 0px;
  }
  body{
background: linear-gradient(to right, #d9a7c7, #fffcdc);
  }
    iframe{
    border:10px solid hsla(0, 0%, 100%,.5);
  background-clip:padding-box;
    }
  iframe:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}


h1{
     text-shadow: 0 8px 10px #6699FF;  /*设置文字阴影*/   
    font-size: 35px;
    color: #8470FF;
}

}
</style>
<script type="text/javascript">
     function  getD1(){
         var date=new Date();
         var d1=date.toLocaleString();
         document.getElementById("datetime").innerHTML =d1; 
     }
 
     setInterval("getD1();",1000);
</script>